/* eslint-disable jsx-a11y/alt-text,max-len */
import React, { PureComponent } from 'react';
import '../libs/css/bootstrap.min.css';
import '../libs/css/main.css';
import './Home.css';
import { Link } from 'react-router-dom';

/**
 * @FileName: Home
 * @Author: mazaiting
 * @Date: 2018/8/2
 * @Description:
 */
class Home extends PureComponent {
	render() {
		return (
			<nav className="navbar navbar-default">
				<div className="container">
					<div className="navbar-header">
						{/** Brand and toggle get grouped for better mobile display */}
						<button
							type="button"
							className="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1"
							aria-expanded="false"
						>
							<span className="sr-only">Toggle navigation</span>
							<span className="icon-bar" />
							<span className="icon-bar" />
							<span className="icon-bar" />
						</button>
						<Link className="navbar-brand" to="/Home"><img className="img-logo" /></Link>
					</div>
					{/** Collect the nav links, forms, and other content for toggling */}
					<div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul className="nav navbar-nav navbar-right">
							<li className="active">
								<Link className="navbar-brand" to="/Home">网站首页</Link>
							</li>
							<li>
								<Link className="navbar-brand" to="/Home">关于我们</Link>
							</li>
							<li>
								<Link className="navbar-brand" to="/Home">在线下单</Link>
							</li>
							<li>
								<Link className="navbar-brand" to="/Home">业务范围</Link>
							</li>
							<li>
								<Link className="navbar-brand" to="/Home">新闻资讯</Link>
							</li>
							<li>
								<Link className="navbar-brand" to="/Home">联系我们</Link>
							</li>
						</ul>
					</div>
					{/** /.navbar-collapse */}
				</div>
				{/** /.container-fluid */}
			</nav>
		);
	}
}

/**
 * 导出当前Module
 */
export default Home;
